<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/common/common.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>

	<body>
		<!--加载-->
		<div id="loading">
			<div class="loading-box">
				<img src="img/index/loading.gif" alt="" />
			</div>
		</div>

		<!-- 头部 -->
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="nav-classify">
				<i class="iconfont icon-classify"></i>
			</div>
			<div class="nav-logo">
				<img src="img/index/logo.jpg" class="img-responsive" alt="" />
			</div>
			<div class="nav-search">
				<i class="iconfont icon-search-copy"></i>
			</div>
			<div class="model">
				<div class="container">
					<div class="row model-head">
						<div class="col-sm-4 model-close">
							<i class="iconfont icon-wrong2"></i>
						</div>
						<div class="col-sm-4 model-icons">
							<a href=""><i class="iconfont icon-weibo"></i></a>
							<a href=""><i class="iconfont icon-wechat"></i></a>
							<a href=""><i class="iconfont icon-baidu2"></i></a>
							<a href=""><i class="iconfont icon-camera1"></i></a>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-6 col-sm-push-3 model-link">
							<div class="model-item model-about">
								<a href="index.html">About Or</a>
							</div>
							<div class="model-item model-about">
								<a href="product.html">Product</a>
							</div>
							<div class="model-item model-about">
								<a href="zoom.html">Space Inspiration</a>
							</div>
							<div class="model-item model-about">
								<a href="user.html">User Experience</a>
							</div>
							<div class="model-bot">
								<i class="iconfont icon-henggang"></i>
								<a href="news.html">NEWS</a>
								<i class="iconfont icon-henggang"></i>
								<a href="activity.html">EVENT</a>
								<i class="iconfont icon-henggang"></i>
								<a href="connect.html">CONTACT</a>
								<i class="iconfont icon-henggang"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 搜索 -->
			<div class="search-model">
				<div class="container">
					<div class="row">
						<div class="col-sm-10 col-sm-push-2 search-back">
							<p><i class="iconfont icon-jiantou search-close"></i> Return</p>
						</div>
						<div class="col-sm-8 col-sm-push-3 search-input">
							<input type="text" placeholder="Searh anything & hit enter" />
						</div>
					</div>
				</div>
			</div>

		</nav>
		<div class="web">
			<!-- 轮播 -->
			<div class="container carousel-img">
				<div class="row">
					<div class="col-xs-12">
						<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
							<!-- Indicators -->
							<ol class="carousel-indicators">
								<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
								<li data-target="#carousel-example-generic" data-slide-to="1"></li>
								<li data-target="#carousel-example-generic" data-slide-to="2"></li>
							</ol>
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<img src="img/index/banner3.jpg" alt="...">
								</div>
								<div class="item">
									<img src="img/index/banner3.jpg" alt="...">
								</div>
								<div class="item">
									<img src="img/index/banner3.jpg" alt="...">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- About Or -->
			<section class="about">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 about-title">
							<h1>About Or</h1>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-10 col-xs-push-1 col-xs-pull-1 about-img">
							<div class="about-item">
								<img src="img/index/product5.jpg" class="img-responsive animated slideInLeft" alt="" />
							</div>
						</div>
					</div>
					<div class="row visible-xs">
						<div class="col-xs-10 col-xs-push-1 about-more">
							<p>
								<a href="">SEE MORE</a>
							</p>
						</div>
					</div>
				</div>
			</section>

			<!-- 产品 -->
			<section class="product">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 product-title">
							<h1>Product</h1>
						</div>
					</div>
					<div class="row product-item-box">
						<div class="col-sm-10 col-sm-push-1 col-sm-pull-1">
							<div class="row">
								<div class="col-sm-8 col-xs-12 product-item">
									<img src="img/index/product1.jpg" class="img-responsive animated slideInRight" alt="" />
									<small>Dot. Multi-functional </small>
									<p>Dot. Multi-functional Combine-unit</p>
								</div>
								<div class="col-sm-4 col-xs-12 product-item">
									<img src="img/index/product2.jpg" class="img-responsive" alt="" />
									<small>free collocation</small>
									<p>Dot. Table</p>
								</div>
							</div>
						</div>
					</div>
					<div class="row product-item-box">
						<div class="col-sm-10 col-sm-push-1 col-sm-pull-1">
							<div class="row">
								<div class="col-sm-4 col-xs-12 product-item">
									<img src="img/index/product3.jpg" class="img-responsive" alt="" />
									<small>free collocation</small>
									<p>Dot. Table</p>
								</div>
								<div class="col-sm-8 col-xs-12 product-item">
									<img src="img/index/product4.jpg" class="img-responsive" alt="" />
									<small>free collocation</small>
									<p>Dot. Table</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<!-- Vedio -->
			<section class="vedio">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 vedio-title">
							<small>Product of the day</small>
							<p>Dot. Multi-functional Combine-unit</p>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12 vedio-media">
							<video class="img-responsive video-box" controls="controls">
								<source src="media/irving.mp4" type="video/mp4"></source>
								当前浏览器不支持 video直接播放，点击这里下载视频：
								<a href="myvideo.webm">下载视频</a>
							</video>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<div class="vedio-more">
								<p>SEE MORE VIDEOS</p>
							</div>
						</div>
					</div>
				</div>
			</section>

			<!-- footer -->
			<footer>
				<div class="footer-img">
					<img src="img/index/footer.jpg" class="img-responsive" />
				</div>
				<div class="footer-nav">
					<div class="container">
						<div class="row">
							<div class="col-md-6 col-md-offset-2 col-xs-12 footer-nav-text">
								<p>Copyright (c) Nissin Furniture Crafters Co ,Ltd All Rights Reserved</p>
							</div>
							<div class="col-md-3 col-md-offset-1 col-xs-12 footer-nav-up">
								<i class="iconfont icon-up up"></i>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-model">
					<div class="container">
						<div class="row">
							<div class="col-md-6 col-md-offset-2 model-left">
								<p>
									Receive the latest Or news and Creativity in our newsletters.
								</p>
								<div class="footer-signup">
									<input type="text" placeholder="Enter your email address" />
									<button>Sign up</button>
									<div class="more-left-icons visible-md">
										<i class="iconfont icon-weibo"></i>
										<i class="iconfont icon-wechat"></i>
										<i class="iconfont icon-baidu2"></i>
										<i class="iconfont icon-camera1"></i>
										<i class="iconfont icon-xiangxia1 down"></i>
									</div>
								</div>
							</div>
							<div class="col-md-3 col-md-offset-1 model-right">
								<i class="iconfont icon-weibo"></i>
								<i class="iconfont icon-wechat"></i>
								<i class="iconfont icon-baidu2"></i>
								<i class="iconfont icon-camera1"></i>
								<i class="iconfont icon-xiangxia1 down"></i>
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>
	</body>
	<script src="framework/jquery-2.1.0.js"></script>
	<script src="framework/bootstrap.js"></script>
	<script src="js/common.js"></script>
	<script>
		window.onload = function() {
			$('body').css('overflow-y', 'hidden');
			setTimeout(function() {
				$('#loading').hide();
				$('html').css('height', 'auto');
				$('body').css('overflow-y', 'auto');
			}, 2500);
		}
	</script>

</html>